<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery隐式迭代</title>
    <script src="../jquery/jquery.v3.7.1.js"></script>
</head>
<body>
    <p>遍历内部 DOM元素（伪数组形式存储）的过程就叫做隐式迭代。</p>
    <p>简单讲就是，给匹配到的所有元素进行循环遍历，执行相应的方法，而且不用我们再进行循环，简化了我们的操作，方便我们调用。</p>
    <p>jQuery设置样式：在jQuery中，不能直接使用 style来进行设置样式的。<br>语法：$('div').css('属性','值')；</p>
    <div>千万不要学编程1</div>
    <div>千万不要学编程2</div>
    <div>千万不要学编程3</div>
    <div>千万不要学编程4</div>
    <script>
        // 改变 4个div元素文本的颜色
        $('div').css('color','red')
        // 遍历内部 DOM元素（伪数组形式存储）的过程就叫做隐式迭代。

        // js的方法只能改变第一个 div的文本颜色
        var jqDOM = $('div');
        var jsDOM = $('div')[3];
        jsDOM.style.color = 'green'
        document.querySelector('div').style.color = 'green'
    </script>
</body>
</html>